<template>
  <div>
    <!--头部： 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>商品管理</el-breadcrumb-item>
      <el-breadcrumb-item>参数列表</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 卡片视图区域 -->
    <el-card>
      <!-- 警告区域         show-icon是否显示图标     -->
      <el-alert title="注意：只允许为第三级分类设置相关参数！" show-icon type="warning"></el-alert>
      <!-- 选择商品分类区域 -->
      <el-row>
        <el-col>
            <span>选择商品分类</span>
            <!--选择商品分类的 级联选择框 -->
          <el-cascader
            v-model="value"
            :options="options"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"
          ></el-cascader>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  created() {},
  methods() {}
}
</script>

<style lang="less" scoped>
</style>